.runcard {
	width: 100%;
	height: 100%;
	position: relative;
	.save_pic {
		position: absolute;
		left: 50%;
		top:150upx;
		transform: translate(-50%);
	}
}
.pg_banner {
	width: 100%;
}
.run_info {
	width: 545upx;
	height: 645upx;
	position: absolute;
	left: 50%;
	top:120upx;
	transform: translate(-50%);
	background: url('https://ykp-new.oss-cn-hangzhou.aliyuncs.com/client/other/wechat_banner1.png') no-repeat;
	background-size: 100% 100%;
	.run_info_top {
		width: 100%;
		height: 200upx;
		position: relative;
		// display: flex;
		// justify-content: center;
		// align-items: center;
		.pic {
			position: absolute;
			left: 60upx;
			top: 50%;
			transform: translate(0,-50%);
			width: 132upx;
			height: 132upx;
			margin-right: 14upx;
			image {
				width: 100%;
				height: 100%;
			}
		}
		.info {
			position: absolute;
			left: 210upx;
			top: 50%;
			transform: translate(0,-50%);
			height: 132upx;
			.info_run_name {
				display: flex;
				align-items: center;
				font-size: 26upx;
				color: #333333;
				margin-bottom: 30upx;
				image {
					margin-left: 6upx;
					width: 24upx;
					height: 26upx;
				}
			}
			.info_run_id,.info_run_city {
				font-size: 26upx;
				color: #333333;
			}
		}
	}
	.run_qrcode {
		display: flex;
		margin: auto;
		// margin-top: 20upx;
		width: 430upx;
		height: 348upx;
	}
}
.share {
	width: 430upx;
	position: absolute;
	top: 900upx;
	left: 50%;
	transform: translate(-50%);
	.top {
		display: flex;
		justify-content: space-between;
		align-items:center;
		.line {
			width: 90upx;
			height: 2upx;
			background-color: #FFFFFF;
		}
		text {
			font-size: 28upx;
			color: #FFFFFF;
		}
	}
	.bot {
		width: 100%;
		margin-top: 40upx;
		display: flex;
		justify-content: space-around;
		.bot_l {
			text-align:center;
			image {
				display: block;
				width: 90upx;
				height: 90upx;
				margin: auto;
			}
			text {
				display: block;
				font-size: 24upx;
				color: #FFFFFF;
				margin-top: 10upx;
			}
			button {
				padding: 0;
				border-radius: 0;
				line-height: 38upx;
				display: inline;
			}
		}
	}
}
	// .pg {
	// 	position: relative;
	// }
	// .banner {
	// 	width: 100%;
	// 	height: 98vh;
	// }
	// .ewm {
	// 	width: 431upx;
	// 	height: 348upx;
	// 	position: absolute;
	// 	top: 230upx;
	// 	left: 50%;
	// 	transform: translate(-50%);
	// }
	// .contant {
	// 	position: absolute;
	// 	top: 110upx;
	// 	left: 50%;
	// 	transform: translate(-50%);
	// 	width: 545upx;
	// 	.contant_t {
	// 		position: relative;
	// 		.banner1 {
	// 			width: 545upx;
	// 			height: 665upx;
	// 		}
	// 		.info {
	// 			width: 100%;
	// 			height: 200upx;
	// 			position: absolute;
	// 			display: flex;
	// 			justify-content: center;
	// 			align-items: center;
	// 			top: 0;
	// 			.header {
	// 				width: 126upx;
	// 				height: 126upx;
	// 				margin-right: 30upx;
	// 			}
	// 			.info_item {
	// 				display: flex;
	// 				flex-direction: column;
	// 				justify-content: space-between;
	// 				height:124upx;
	// 				.top {
	// 					display: flex;
	// 					align-items: center;
	// 					font-size: 28upx;
	// 					color: #333333;
	// 					image {
	// 						margin-left: 10upx;
	// 						width: 26upx;
	// 						height: 28upx;
	// 					}
	// 				}
	// 				.bot {
	// 					text {
	// 						display: block;
	// 						font-size: 24upx;
	// 						color: #333333;
	// 					}
	// 				}
	// 			}
	// 		}
	// 	}
	// }
	// .share {
	// 	width: 430upx;
	// 	position: absolute;
	// 	top: 830upx;
	// 	left: 50%;
	// 	transform: translate(-50%);
	// 	.top {
	// 		display: flex;
	// 		justify-content: space-between;
	// 		align-items:center;
	// 		.line {
	// 			width: 90upx;
	// 			height: 2upx;
	// 			background-color: #FFFFFF;
	// 		}
	// 		text {
	// 			font-size: 28upx;
	// 			color: #FFFFFF;
	// 		}
	// 	}
	// 	.bot {
	// 		width: 100%;
	// 		margin-top: 40upx;
	// 		display: flex;
	// 		justify-content: space-around;
	// 		.bot_l {
	// 			text-align:center;
	// 			image {
	// 				display: block;
	// 				width: 90upx;
	// 				height: 90upx;
	// 				margin: auto;
	// 			}
	// 			text {
	// 				display: block;
	// 				font-size: 24upx;
	// 				color: #FFFFFF;
	// 				margin-top: 10upx;
	// 			}
	// 			button {
	// 				padding: 0;
	// 				border-radius: 0;
	// 				line-height: 38upx;
	// 				display: inline;
	// 			}
	// 		}
	// 	}
	// }